<div id="banner" class="stui-banner carousel slide">
	<a class="carousel-control left" href="#banner" data-slide="prev"><i class="icon iconfont icon-back"></i></a>
	<a class="carousel-control right" href="#banner" data-slide="next"><i class="icon iconfont icon-more"></i></a>
    <div class="carousel-inner">
    	{feifeicms:vod num="8" type="all" order="desc" by="time" id="vo1" key="key1" level="5"}
        <div class="item stui-banner__item{if condition="$key eq 0"} active{/if}">
            <a class="stui-banner__pic" href="{:ffcms_url_vod_detail($vo1)}" style="background: url({:ffcms_url_img($vo1.vod_pic_slide)}";></a>
        </div>
        {/feifeicms:vod}
    </div>
			    </ul>
	    	</div>
	    </div>
    </div>	    
</div>
<style type="text/css">
	.stui-banner__pic{ padding-top: 30%; background-position: center center !important;}
	@media (max-width:1023px){.stui-banner__pic{ padding-top: 45%; background-position: 50% 50% !important; background-size: cover !important;}}
	@media (max-width:767px){.stui-banner__pic{ padding-top: 55%; background-position: 50% 50% !important; background-size: cover !important;}}
</style>